* {
    margin:0;
    padding:0;

}
body {
    background-image: linear-gradient(to right bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12);
}

.container {
    margin:100px auto;
    width:80%;
}
.login {
    margin: auto auto;
    width:450px;
    height:500px;
    background: #ffffff;
    border-radius: 10px;
}
.footer {
    margin-top:50px;
    border-top:2px solid #ffffff;
    width:100%;
    height:50px;
    color:#ffffff;
    font-size:16px;
    text-align: center;
    padding-top:10px ;
}
a {
    text-decoration: none;
    color:orangered;
}
a:hover {
    color: skyblue; /*skyblue;*/
    cursor:pointer ;
}
.login-title {
    width:100%;
    height:50px;
    text-align: center;
    font-size: 24px;
    padding-top:10px;
    border-radius: 10px;
    color:orangered;
    letter-spacing: 20px;
    border-bottom: 2px solid #F3A183;

}
.login-form {
    margin-top:50px;
    padding-left:50px;
    letter-spacing: 5px;
}
input {
    margin-top:40px;
    border: none;
    border-bottom: solid 1px #eeeeee;
    outline-style: none;
    height:30px;
}
input[type="text"]:focus,
input[type="password"]:focus {
    border-bottom: solid 1px skyblue;
}
input[type="checkbox"] {
    margin-top:15px;
}

input[type="submit"] {
    margin-left:30px;
    padding-left:10px;
    width:60%;
    height: 35px;
    color:#fff;
    border:none;
    background-color: #051937;
    border-radius: 5px;
    font-size:16px;
    letter-spacing: 20px;
}
input[type="submit"]:hover {
    background-color: #490104;
    color: #fff;
    cursor: pointer;
}



